<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@include file="../subPages/css.jsp"%>
<link href="css/product.css" rel="stylesheet" type="text/css" />
<body>
	<%@include file="../subPages/top.jsp"%>
	<%@include file="../subPages/search.jsp"%>
	<%@include file="../subPages/nav.jsp"%>
	<div class="container">
		<div class="row bg-white shadow mt10 i-prod-detail">
			<!-- left -->
			<div class="col-md-12 col-lg-10 p0 border-r" style="position:static!important;">
				<div class="col-sm-12 col-md-6 p0" style="position:static!important;">
					<%@include file="../subPages/productImgs.jsp"%>
				</div>
				<div class="col-sm-12 col-md-6 pro-det-title">
					<%@include file="../subPages/productInfor.jsp"%>
				</div>
				<div class="col-md-3 p0 pr15 visible-lg-block visible-md-block pl15 mt15 cb border-r hot-block">
					<div class="C999 border hot-title p10 fb C999">
						热销商品&nbsp;<i class="iconfont B2 f20">&#xe615;</i>
					</div>
					<div id="hot-content" class="border p20"></div>
				</div>
				<div class="col-sm-12 col-md-9 p0 mt15 border-l pl-1 pr-1">
						<ul id="myTab" class="nav nav-tabs mr-1">
							<li class="active"><a href="#productDetail" data-toggle="tab" style="border-left:0px!important;" >商品详情</a></li>
							<li><a href="#comment" onclick="javascript:if(document.getElementById('comment').innerHTML=='')callAjax('productComment','',true,'4','','comment','&p_id=${model.id}')" data-toggle="tab" >商品评论
										<span class="badge">${model.commentNum}</span>
								</a>
							</li>
						</ul>
						<div id="myTabContent" class="tab-content mr-1">
							<div class="tab-pane fade active in detailText" id="productDetail">
								${content}
							</div>
							<div class="tab-pane fade p20 w" id="comment"></div>
						</div>
				</div>
			</div>
			<!-- End:left -->
			<!-- right -->
			<div class="col-lg-2 visible-lg-block recom-block border-l p30 pt0">
				<div class="C999 recom-title">
					<i class="iconfont B2">&#xe614;</i>
					推荐商品
				</div>
				<span id="recom-content">
				</span>
			</div>
			<!-- End:right -->
		</div>
	</div>



	<!-- Bootstrap core JavaScript
    ================================================== -->
	<!-- Placed at the end of the document so the pages load faster -->
	<%@include file="../subPages/footer.jsp"%>
	<!--  <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>-->
	<script type="text/javascript" src="js/jquery.jqzoom.js"></script>
	<script type="text/javascript" src="js/productImgs.js"></script>
	<script type="text/javascript" src="js/product.js"></script>
	<script type="text/javascript">
		clearIntervalFun=setInterval(interval,1000);
		callAjax("recomAndHot","",true,"4","加载中...","recom-content","&p_type=${model.type}&p_order=flag&p_id=${model.id}");
		callAjax("recomAndHot","",true,"4","加载中...","hot-content","&p_type=${model.type}&p_order=sellNum&p_id=${model.id}");
	</script>
</body>
</html>
